<template>
    <teleport to="body">
        <div class="mask" v-if="props.show">
            {{ tip }}
        </div>
    </teleport>
</template>

<script lang="ts" setup>
const props = defineProps({
    show: {
        type: Boolean,
        required: true
    },
    tip: {
        type: String,
        default: ""
    }
});
</script>

<style lang="less" scoped>
@import url("./index.less");
</style>
